<template>
  <div class="iInfo" element-loading-text="加载中" v-loading="loading">
    <div class="flex">
      <div class="lumpBox">
        <div class="Lbox-form" style="border-bottom:0">
          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="生产单管理" name="first"></el-tab-pane>
            <el-tab-pane label="已驳回单据" name="second"></el-tab-pane>
            <el-tab-pane label="完工生产单" name="third"></el-tab-pane>
          </el-tabs>
        </div>
        <div class="Lbox-form">
          <el-form :inline="true">
            <el-form-item label="筛选:">
              <el-input placeholder="请输入账号名称" clearable></el-input>
            </el-form-item>
            <el-form-item>
              <el-button icon="el-icon-search" type="primary">查询</el-button>
            </el-form-item>
          </el-form>
        </div>
        <div class="Lbox-title">
          <h2></h2>
          <div style="padding:10px 0;">
            <el-button type="primary">刷新</el-button>
            <el-button type="primary">添加生产计划</el-button>
            <el-button type="primary">导出审核日志</el-button>
          </div>
        </div>
        <div>
          <el-table :data="list" border default-expand-all>
            <el-table-column align="center" label="生产单号" prop="created_at">GKD-2233</el-table-column>
            <el-table-column align="center" label="业务员" prop="created_at">高远</el-table-column>
            <el-table-column align="center" label="备货" prop="created_at">标准</el-table-column>
            <el-table-column align="center" label="型号" prop="created_at">Prohubyes</el-table-column>
            <el-table-column align="center" label="生产物料类别" prop="created_at">标准品</el-table-column>
            <el-table-column align="center" label="生产数量" prop="created_at">2233</el-table-column>
            <el-table-column align="center" label="入库数量" prop="created_at">2233</el-table-column>
            <el-table-column align="center" label="下单日期" prop="created_at">2020-7-8</el-table-column>
            <el-table-column fixed="right" label="操作" width="350">
              <template slot-scope="scope">
                <el-button size="small">修改生产计划</el-button>
                <el-button size="small">审核</el-button>
                <el-button size="small">反审核</el-button>
                <el-button size="small">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
          <el-pagination
            :current-page="page"
            :total="total"
            @current-change="currentChange"
            class="Lpage"
            layout="prev,pager,next"
          ></el-pagination>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "account",
  data() {
    return {
      list: [1, 2, 3],
      page: 1,
      total: 1,
      table_height: 0,
      loading: false,
      activeName: "first"
    };
  },
  components: {},
  created() {
    this.$emit("pass", "/account");
  },
  mounted() {},
  methods: {
    currentChange(num) {},
    handleClick(tab, event) {
      // console.log(tab, event);
    }
  }
};
</script>
